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• Mau Desenho! Porque ? 
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Melhor e Pior ? 
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• Mau Desenho! Porque ? 

• Como e que se cancela a operagao ? 
(socorro!) 
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Resumo Aula Anterior 



• O que e IPM 

• Porque estudar IPM? 

• O que se estuda e os objectivos 

• O que ganham com IPM 

• Disciplinas afins 

• Interfaces Intuitivas e Naturais :-) 
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Sumario 



• Desenho de Sistemas Interactivos 

• Actividades principais do desenho 

• Desenho iterativo 

• Objectivos de usabilidade 

• Principios de desenho e usabilidade 

• Como medir usabilidade 

• Eng. de Usabilidade 
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Desenho de Sistemas Interactivos 



• O que sao sistemas interactivos ? 

• Como desenha-los ? 

• Como saber se tivemos sucesso ? 

• Como garantir sucesso ? 

• O que acontece se falharmos ? 
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O que sao Sistemas Interactivos 



• Suportam comunicagao bidireccional com 
utilizador (Via Interface utilizador) 

• Propriedade Crucial: dar suporte a 
actividade humana 

- Possibilita executar tarefas com maior rapidez 

- menos erros 

- menos necessidade de aprendizagem 

- melhor qualidade 

- maior satisfagao (agradavel de utilizar) 
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Como desenhar Interfaces? 



Actividades basicas do desenho (4) 

1. Identificar necessidades e 
estabelecer requisitos 

(ver Analise de Tarefas) 

- Quern sao os utilizadores 

- Que funcionalidades pretendem 

2. Desenvolver desenhos alternatives 

(ver Modelos Conceptuais) 

- Actividade central do desenho 

- Desenvolver modelo conceptual e 
fisico 
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Actividades basi cas do desenho 

Como desenhar Interfaces? 

3. Construir versoes funcionais para 

mOStrar/ testa r (ver Prototipagem) 

- Prototipos interactivos (sem codigo) 

- Identificam problemas nas fases 
iniciais 

4. Avaliar o que se esta a desenvolver 

(ver Avaliagao) 

- Usar criterios, como n° de erros, 
satisfacao de requisites, etc. 

- Envolver utilizadores 
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Caracterfsticas Principals de Desenho 



Como desenhar Interfaces? 

• Focar no Utilizador 

- Envolve-lo no desenvolvimento e Avaliacao 

• Especificar Criterios de Usabilidade 

- Identificar, documentar e acordar no inicio 

do prOJeCtO (usabilidade e experiencia de utilizacao) 

• Iteragao 

- Repetir as 4 actividades basicas 

- Refinar com base no retorno 
-Convergencia na visao do produto 
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Desenho Iterativo 



Como desenhar Interfaces? 



Identificar necessidadesou problemas 
dos utilizadores 



utilizadore 



Avaliar corn utilizadores reais 




Prctotiparasolucao 



;onceher l 



Concetaer uma solugao 
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Como saber se tivemos sucesso ? 



Sistema permite ao utilizador 
realizar melhor as suas actividades 

Objectivos de usabilidade 

- Preocupam-se em atingir criterios de 
usabilidade (facilidade de utilizacao, 
eficiencia, seguranca, etc.) 

Objectivos de experiencia de utilizacao 

- Qualidade da experiencia de utilizacao 
(esteticamente agradavel, divertido, etc.) 
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Objectivos de Usabilidade 



Como saber se tivemos sucesso ? 

• Eficacia - Utilizacao eficaz : Quanto e que o 
sistema e bom a produzir o resultado esperado 

• Eficiencia - Utilizacao eficiente : E rapido 

• Seguranca - Seguro de usar : Evita situacoes 
indesejadas (prevenir erros) 

• Utilidade - Tern boa utilidade : quantidade de 
funcionalidade correcta oferecida (ex. a pp desenho) 

• Aprendizagem - Facil de aprender 

• Memorizacao - Facil de lembrar como se usa 



1.2 - Sistemas ijjipjjiT i yov >- Eimj. ■! '. ■ < > , . : =.:; I ?i i ic i^i ■: k- 



Criterios de Usabilidade 



Como saber se tivemos sucesso ? 

Objectivos de usabilidade sob a 
forma de perguntas 

• Permitem avaliar a usabilidade de um 
sistema interactive) 

• Exemplos de criterios: 

- Tempo para completar uma tarefa (Eficiencia) 
-Tempo para aprender uma tarefa 

(Aprendizagem) 

- Numero de erros numa tarefa ao longo do 
tempo (Memorizacao) 
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Objectivos de 


Experiencia de 


Utilizacao 

tivemos sucesso ? 




Como saber se 


• Qualidade dc 


experiencia de 


utilizagao 


-Satisfatoria 


- Agradavel 




-Divertida 


- Motivante 




-Util 


- Etc. 




• Preocupam-se 


com a experiencia 


sentida 


pelo utilizador 


quando usa a IU 




(Qualitativo vs 


Quantitative) 
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Usabilidade vs E xperiencia 

Como saber se tivemos sucesso ? 



• Perceber compromisso entre os dois 

• Identificar as consequencias das 
diferentes combinagoes entre os dois 
objectivos 

• Nem todas as combinagoes sao 
possiveis 

-Sistema de controlo seguro e divertido!? 
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Como garantir sucesso ? 



• Disciplina de desenho 

• Desenho centrado nos utilizadores 

• Principios de Desenho 

• Principios de Usabilidade 

• Boas praticas de engenharia 
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Desenho Centrado no Utilizador 



Como garantir sucesso ? 

Envolver utilizador durante todo o 
processo de desenvolvimento 

- Observar e falar com o utilizador 

- Entrevistar o utilizador 

- Usar questionarios 

-Testar o seu desempenho usando 
tarefas tipicas 

- Modelar o seu desempenho 
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Principios de desenho 



Como garantir sucesso ' 



• Normalmente sao uma lista de 

- O que Fazer 

- O que Nao Fazer\ 

• Derivam de 
-Conhecimentos teoricos 

- Experiencia 
-Senso comum 

• Determinam o que 
-se deve ver e fazer 
-durante a realizagao das tarefas 
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Principios de Desenho (1) 



Como garantir sucesso ' 

Visibilidade 

- Fungoes mais visiveis -> utilizador 
sabe o que fazer a seguir 

Retorno (Feedback) 

- Informacao sobre a accao 
e o resultado 



Wiiti 


g: E:\DRAWLT\SAMPI_ES\S-06-20.VI_M 




nt Copied: OX | 

Press [Esc] To Aboil 


1 100% 



where the cursor shape indie f 
the cursor from an arrow to ;_*_ 
"busy" mode (Figure lb), at ? 
Word is saving doc.doc: ■■■■■■■ 
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Principios de De senho (2) 

Como garantir sucesso 7 

• Restrigoes 

- Reduzir opcoes dispomveis, 
menos erros (ex. Menus) Jint . [Au i a2 . UsabUiJa ^ 



Format Tools Slide Show 


Wind 
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Paragraph Direction 
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Line Spacing.,, 






H Change Case... 






Replace Fonts... 






Slide Design,,, 






Slide Layout... 






Backgi ound... 






^f Object... 
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Principios de De senho (3) 

Como garantir sucesso ' 

• Correspondencia {Mapping) 
- Relacao entre controlos da IU e o 
mundo real 



w <a> 



HE] El El 
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Principios de De senho (4) 

Como g arantir suc esso ' 

• Consistencia 

- Elementos similares para tarefas 
similares (mais facil de aprender] 
-Ex. Teclados dos MBs 

Ok Accept Disrr 



I :QK.j Cancel 



[Cancel.: Ok 



• Potencialidade (Affordance) 

-Atributo que permite ao utilizador 
"descobrir" como se usa o objecto 
(eg. Macaneta porta, pega caneca) 
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Principios de Usa bilidade (1) 

Como garantir sucesso ' 

Usados principalmente para avaliar 

(Avaliacao Heurfstica) 

Definidos por Jakob Nielsen 

Principios (Heun'sticas) de Usabilidade 

1 - Tornar estado do sistema visivel 

- Informar sobre o que se esta a passar (retorno) 

2 - Falar a linguagem do utilizador 

- Usar palavras e frases familiares ao utilizador 

3 - Utilizador controla e exerce livre-arbitrio 

- Meios para sair de situacoes inesperadas 

4 - Consistencia e Aderencia a Normas 

- Respeitar normas existentes 
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Principios de Usabilidade (2) 



Como garantir sucesso ' 

5 - Evitar Erros 

- Prevenir a ocorrencia de erros 

6 - Reconhecimento em vez de lembranga 

- Tornar accoes, objectos e opcoes visiveis 

7 - Flexibilidade e Eficiencia 

- Oferecer aceleradores para peritos 

8 - Desenho de ecra estetico e minimalista 

- Evitar uso de informagao irrelevante 

9 - Ajudar utilizador a reconhecer, diagnosticar e 
recuperar dos erros 

- Usar linguagem simples que permita perceber e 
resolver o problema 

10 - Dar ajuda e Documentagao 

- Fornecer informagao que possa ser facilmente acedida. 
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O que acontece se falharmos ? 



• Geralmente nada... (Murphy) 

• Utilizadores "dao a volta" ao problema 

• Atribuem o erro a sua "estupidez" 

• Catastrofes - Aviao Draken 

-Dois botoes vermelhos com texto muito 
semelhante 

• Um para libertar combustivel 

• Outro para abrir "tampa" do cockpit 
-Numa emergencia ficou "descapotavel" 
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Melhor e Pior ? 
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Melhor e Pior ? 



> Creating Adobe PDF 


■□□H 




Document Name: | M icrosof t Word - D .5. 1 . 1 . B-VO. 2-1 .do 




j 






dealing Page 12... D. 5.1. 1.B-VQ\2-1.pdf 


lllllllllllll 

PDFHame: D.5,1.1.B-V0.2-1.pdl 

PDF Folder : CADocuments and Settirigs\mjf\Desktop\pririter\ 


..,-.. ► 






| 









1.2 - Sistemas ?iil.er ; i< .riy os >- Ein). ■! '.■ n'.,;;|i||iii,ide 



BumpTop 




• Interface para o Desktop 

- 3D 

- Fisica 

- Interacgao por caneta 
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Como se Mede a Usabilidade? 



• Fazendo testes com utilizadores 

- Utilizadores da populagao alvo 
-Realizam tarefas predefinidas com o 
sistema 

• Usabilidade mede-se relativamente 
a determinados utilizadores e 
tarefas 

-Outros utilizadores/tarefas => 
medidas de usabilidade diferentes 
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Como se Mede a Usabilidade? 



• Aprendizagem 

-Testes com utilizadores Principiantes 
-Medida: Completar uma tarefa com 
sucesso 

• Eficiencia 

-Testes com utilizadores Peritos 
-Medida: Tempo para realizar tarefas 



1.2 - Sistemas ?iilp|.n:riyov >- Eimj. ■!'.■ n'.,;;|i;iiii.ide 



Como se Mede a Usabilidade? 



• Memorizacao 

- Testes com utilizadores Casuais 

- Medida: Tempo para realizar uma tarefa 

- Raramente se testa 

• Poucos Erros e nao Catastroficos 

- Testes com todos os utilizadores 

- Medida: N° de erros cometidos durante 
uma tarefa 

- Contar erros catastroficos a parte 

- Erro - Accao que nao completa/contribui 
para realizar a tarefa 
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Como se Mede a Usabilidade? 



• Satisfa_ao 

-Testes com todos os utilizadores 
-Medida: Pergunta-se ao utilizador se 

gostou 
-Questionarios no final dos testes 

• Ex de pergunta: "Foi facil aprender a 
usar o sistema?" (Classifique de 1-5, 
sendo 1 o pior e 5 o melhor) 

• Ou: Qual a sua impressao do sistema 

Agradavel _____ Irritante 
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Compromissos de Usabilidade 



• Aprendizagem vs Eficiencia 

-Utilizadores Principiantes vs Peritos 
- IU que suporte ambos 
-Desenhar para principiantes, mas 

com facilidades para peritos 

(ex. Atalhos) 



• Erros vs Eficiencia 

- Muitas perguntas/confirmacoes para 
evitar erros => menos eficiente 
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O que e Usabilidade? 


conseguem 


Quao bem os utilizadores 


usar as funcionalidades 


do 


sistema 


• Facil de aprender 






• Uso eficiente 






• Facil de lembrar 






• Poucos erros 






•Agradavel 
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ISO/IEC 9126 



"Usabilidade refere-se a capacidade de 
uma aplicacao ser compreendida, 
aprendida, utilizada e atractiva para o 
utilizador, em condicoes especificas de 
utilizacao" 

- Atributos internos e externos do produto 

- Usabilidade depende tambem do utilizador 

- Nao existem produtos intrinsecamente 
usaveis 

- So tem a capacidade de ser usado num 
contexto particular e por utilizadores 
particulares. 
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ISO/IEC 9241 



• Usabilidade 

-e a eficacia, eficiencia e satisfagao 
-com que urn produto permite 
-a utilizadores especificos 
-atingir objectivos especificos 
-num contexto especffico." 

-Definigao centrada no conceito de 
qualidade de utilizacao. 
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Eng. de Usabilidade 



Termo inventado pelos 
profissionais de usabilidade da 
DEC nos anos 80 

-Usavam o termo para se referirem 
aos conceitos e tecnicas usadas para 

• Planear 

• atingir 

• e verificar objectivos de usabilidade 
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Pontos Importantes 



• Conhecer 

-Os Utilizadores 
-As Tarefas 
-O Contexto 



® 



• Aplicar 

-Avaliacao 
-Usabilidade 
-Desenho Iterative* e 
centrado no utilizador 
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Bibliografia Extra 



• www.useit.com 

-Site de Jakob Nielsen 

• www.usabilidade.org 

-Usabilidade em portugues 

• Livro: 

-"Usability Engineering", Jakob Nielsen 
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Para a proxima aula 



• Analise de Tarefas 

• Ler capitulo 15, Alan Dix 

• Task-Centered UI Design, Cap. 1-2 
C. Lewis and J. Rieman 

(Livro On-line) 
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